// components/template/swiper/index.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    //时候显示指示点
    dots: {
      type: Boolean,
      value: true
    },
    //指示点颜色
    dotsColor: {
      type: String,
      value: 'rgba(0, 0, 0, .3)'
    },
    //指示点选中颜色
    dotsActColor: {
      type: String,
      value: '#000'
    },
    //轮播图高度
    height: {
      type: Number,
      value: 300
    },
    //自动轮播
    autoplay: {
      type: Boolean,
      value: true
    },
    //切换间隔
    interval: {
      type: Number,
      value: 5000
    },
    //无缝滑动
    circular: {
      type: Boolean,
      value: false
    },
    //显示的图片key
    showImg: {
      type: String,
      value: 'img'
    },
    //跳转的path
    showUrl: {
      type: String,
      value: 'path'
    },
    //轮播图列表
    list: {
      type: Array,
      value: []
    },
    //图片显示模式
    mode: {
      type: String,
      value: 'scaleToFill'
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    //轮播图跳转
    targetUrl(e) {
      let url = e.currentTarget.dataset.url
      if (url) {
        wx.navigateTo({
          url
        })
      }
    }
  }
})